<main>
    <header id="head">
        <div class="custom-left">
            <div class="custom-avatar" v-show="!this.$store.state.username">
                <img src="https://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png" />
            </div>
            <div class="custom-avatar" v-show="this.$store.state.username">
                <img src="../../assets/images/head.jpg" />
            </div>
            <div class="custom-info-box">
                <div class="nickname">
                    {{this.$store.state.username}}
                </div>
                <div class="level">
                    超级VIP
                </div>
            </div>
        </div>
        <div class="custom-right">

        </div>
    </header>

    <section class="custom-myasset-box">
        <h2 class="custom-myasset-title">我的资产</h2>
        <div class="custom-myasset-content">
            <div class="custom-myasset-item">
                <div class="assetCount">
                    <span class="unit">¥</span>
                    <div class="num-box">
                        <span class="num">0</span>
                        <span class="redDot"></span>
                    </div>
                </div>
                <div class="assetName">余额</div>
            </div>
            <div class="custom-myasset-item">
                <div class="assetCount">
                    <span class="unit"></span>
                    <div class="num-box">3</div>
                </div>
                <div class="redPacketTip">即将过期</div>
                <div class="assetName">红包</div>
            </div>
            <div class="custom-myasset-item">
                <div class="assetCount">
                    <span class="unit"></span>
                    <div class="num-box">0</div>
                </div>
                <div class="assetName">优惠券</div>
            </div>
            <div class="custom-myasset-item">
                <div class="assetCount">
                    <span class="unit">¥</span>
                    <div class="num-box">0</div>
                </div>
                <div class="assetName">津贴</div>
            </div>
            <div class="custom-myasset-item">
                <div class="assetCount">
                    <span class="unit"></span>
                    <div class="num-box">0</div>
                </div>
                <div class="assetName">礼品卡</div>
            </div>
        </div>
    </section>

    <section class="custom-saving-money-card-box">
        <div class="custom-saving-money-card-content">
            <i class="cardIcon"></i>
            <i class="titleIcon"></i>
            <span class="text">|</span><span>花3得42下单立减</span>
            <span class="bannerBtn">限时开通</span>
        </div>
    </section>

    
    <section class="custom-menu-box">
        <ul class="custom-menu-list">
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="我的订单">
                    <i class="img u-icon u-icon-ulist"></i>
                    <span class="txt">我的订单</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="帐号管理">
                    <i class="img u-icon u-icon-uidmanage"></i>
                    <span class="txt">帐号管理</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="我的手机号">
                    <i class="img u-icon u-icon-umyphone"></i>
                    <span class="txt">我的手机号</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="周六一起拼">
                    <i class="img u-icon u-icon-upin"></i>
                    <span class="txt">周六一起拼</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="售后服务">
                    <i class="img u-icon u-icon-uaftersale"></i>
                    <span class="txt">售后服务</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="邀请返利">
                    <i class="img u-icon u-icon-ulead"></i>
                    <span class="txt">邀请返利</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="优先购">
                    <i class="img u-icon u-icon-upreemption"></i>
                    <span class="txt">优先购</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="积分中心">
                    <i class="img u-icon u-icon-upoints"></i>
                    <span class="txt">积分中心</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="会员俱乐部">
                    <i class="img u-icon u-icon-umembershipBenefits"></i>
                    <span class="txt">会员俱乐部</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="地址管理">
                    <i class="img u-icon u-icon-uaddress"></i>
                    <span class="txt">地址管理</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="支付安全">
                    <i class="img u-icon u-icon-usecurity"></i>
                    <span class="txt">支付安全</span>
                </a>
            </li>
            <li class="custom-menu-item">
                <a class="m-uMenuItem" href="#" title="帮助与客服">
                    <i class="img u-icon u-icon-uhelp-kefu"></i>
                    <span class="txt">帮助与客服</span>
                </a>
            </li>
            <li class="custom-menu-item item-bottom">
                <a class="m-uMenuItem" href="#" title="意见反馈">
                    <i class="img u-icon u-icon-ufeedback"></i>
                    <span class="txt">意见反馈</span>
                </a>
            </li>
            <li class="custom-menu-item item-bottom">
                <a class="m-uMenuItem" href="#" title="我的竞拍">
                    <i class="img u-icon u-icon-auction"></i>
                    <span class="txt">我的竞拍</span>
                </a>
            </li>
        </ul>
    </section>

    <section>
        <van-button block hairline @click="logout()">退出登录</van-button>
    </section>

    <Footer></Footer>
</main>